<div class="role_describe">

  <el-dialog v-model="visible" :show-close="false">
    <template #header="{ close, titleId, titleClass }">
      <div class="my-header">
        <h4 :id="titleId" :class="titleClass">角色信息</h4>
        <el-button type="danger" @click="closePanel">
          <el-icon class="el-icon--left">
            <CircleCloseFilled />
          </el-icon>
          Close
        </el-button>
      </div>
    </template>

    <el-descriptions class="margin-top" :column="2" size="large" border>
      <el-descriptions-item width=50 height=50>
        <template #label>
          <div class="cell-item" style="width: 100px;">
            <el-icon>
              <tickets />
            </el-icon>
            人物形象
          </div>
        </template>
        <UploadPic :currentRole="currentRole" @savePic="savePic"></UploadPic>
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
            <el-icon>
              <user />
            </el-icon>
            角色名称
          </div>
        </template>
        <el-input v-model="currentRole.role_name" placeholder="请输入" />
      </el-descriptions-item>
    </el-descriptions>

    <el-descriptions :column="2" border>

      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
            <el-icon>
              <iphone />
            </el-icon>
            外部id
          </div>
        </template>
        <el-input v-model="currentRole.role_id" />
      </el-descriptions-item>

      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
            <el-icon>
              <iphone />
            </el-icon>
            其他
          </div>
        </template>
        <el-input v-model="currentRole.role_others" />
      </el-descriptions-item>


      <el-descriptions-item>
        <template #label>
          <div class="cell-item">
            <el-icon>
              <tickets />
            </el-icon>
            角色说明
          </div>
        </template>
        <el-input v-model="currentRole.role_desc" :rows="5" type="textarea" placeholder="Please input" />
      </el-descriptions-item>
    </el-descriptions>
    <div class="my-bottom">
      <el-button type="primary" @click="saveRoleInfo">
        <el-icon class="el-icon--left">
          <CircleCloseFilled />
        </el-icon>
        保存
      </el-button>
    </div> -->
  </el-dialog>

</div>